.task-swiper-content {
  width: 100%;
  height: 100%;
  .nut-swiper {
    height: 100%;
    height: 236rpx;
    .swiper-box.active1 {
      border-left: 6rpx solid #ff0c00;
    }
    .swiper-box.active2 {
      border-left: 6rpx solid #ff9100;
    }
    .swiper-box {
      height: 176rpx;
      background: #fffafa;
      border-left: 6rpx solid #ff0c00;
      border-top-left-radius: 8rpx;
      border-bottom-left-radius: 8rpx;
      border-top-right-radius: 8rpx;
      position: relative;
      .task-swiper-list {
        .task-swiper-tag {
          width: 138rpx;
          height: 44rpx;
          position: absolute;
          right: 0;
          top: 0;
          background: url(https://img.alicdn.com/imgextra/i2/1034622205/O1CN01oK9OyG1S9wNSUhntH_!!1034622205.png)
            no-repeat no-repeat;
          background-size: 100% 100%;
          text-align: center;
          line-height: 32rpx;

          text {
            font-size: 24rpx;
            color: #ffffff;
          }
        }
        .task-swiper-tag.active1 {
          background: url(https://img.alicdn.com/imgextra/i2/1034622205/O1CN01oK9OyG1S9wNSUhntH_!!1034622205.png)
            no-repeat no-repeat;
          background-size: 100% 100%;
          text-align: center;
          line-height: 38rpx;

          text {
            font-size: 24rpx;
            color: #ffffff;
          }
        }
        .task-swiper-item.active1 {
          .item-status-time {
            text:nth-of-type(1) {
              background-color: #ff0c00;
            }
            text:nth-of-type(2) {
              color: #ff0c00;
            }
          }
        }
        .task-swiper-tag.active2 {
          background: url(https://img.alicdn.com/imgextra/i4/1034622205/O1CN01SA6Aai1S9wNX2WrMB_!!1034622205.png)
            no-repeat no-repeat;
          background-size: 100% 100%;
          text-align: center;
          line-height: 38rpx;

          text {
            font-size: 24rpx;
            color: #ffffff;
          }
        }
        .task-swiper-item.active2 {
          .item-status-time {
            text:nth-of-type(1) {
              background-color: #ff9100;
            }
            text:nth-of-type(2) {
              color: #ff9100;
            }
          }
        }
        .task-swiper-item {
          padding: 16rpx 26rpx;
          box-sizing: border-box;
          .item-status-time {
            line-height: 24rpx;
            text:nth-of-type(1) {
              background-color: #ff0c00;
              padding: 2rpx 6rpx;
              border-radius: 6rpx;
              margin-right: 16rpx;
              font-size: 20rpx;
              color: #fff;
            }
            text:nth-of-type(2) {
              color: #ff0c00;
              font-size: 24rpx;
            }
          }
          .task-swiper-title {
            margin-top: 20rpx;
            font-weight: 600;
            font-size: 28rpx;
            color: #101010;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .task-swiper-user {
            width: 100%;
            display: flex;
            align-items: center;
            line-height: 60rpx;
            .nut-divider {
              height: 30rpx;
            }
            .user-name {
              display: flex;
              align-items: center;
              text:nth-of-type(1) {
                font-size: 24rpx;
                color: #101010;
              }
              .user-name-text {
                display: flex;
                align-items: center;
                img {
                  width: 24rpx;
                  height: 24rpx;
                  border-radius: 50%;
                  margin: 0 8rpx;
                }
              }
            }
          }
          .collaborate-user {
            text {
              font-size: 24rpx;
              color: #101010;
            }
          }
        }
      }
    }
    .swiper-pager {
      position: absolute;
      bottom: 14rpx;
      left: 0;
      right: 0;
      margin: auto;
      width: 46px;
      height: 22px;
      // background-color: rgba(0, 0, 0, 0.33);
      border-radius: 22px;
      text-align: center;
      color: #fff;
      font-size: 14px;
      display: flex;
      align-items: center;
      width: 100rpx;
      .swiper-pager-item {
        width: 10rpx;
        height: 10rpx;
        border-radius: 50%;
        background: #ddd;
        margin: 0 6rpx;
      }
      .swiper-pager-item.active1 {
        width: 18rpx;
        height: 18rpx;
        box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(255, 17, 0, 0.43);
        // border: 1rpx solid #ff9100;
        background: #fff;
        position: relative;
        text {
          width: 10rpx;
          height: 10rpx;
          border-radius: 50%;
          background-color: #ff0c00;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
        }
      }
      .swiper-pager-item.active2 {
        width: 18rpx;
        height: 18rpx;
        box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(255, 145, 0, 0.43);
        // border: 1rpx solid #ff9100;
        background: #fff;
        position: relative;
        text {
          width: 10rpx;
          height: 10rpx;
          border-radius: 50%;
          background-color: #ff9100;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
        }
      }
    }
  }
}
